<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        //   前端 路由  --前端改变地址栏信息-但是不刷新页面（访问新的页面）。
        //               前端获取了地址栏的信息，改变页面内容  
        
        // 前路路由有两种 模式
        // 1- 哈希路由  hash 路由 --- 改变了 url中 锚点-hash值 （监听hash值的变化）
        // 2- 历史路由   history路由---改变了url中 路径（利用h5新的history的api，pushState-改变路径但是不刷新页面）
    </script>

</body>

</html>